<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/page-index.css">
    <script src="js/jquery-3.4.0.min.js"></script>
    <script src="js/page-index.js"></script>
    <title>商讯在线</title>
</head>

<body>
    <div class="pulbic-header">
        <div class="public-container clearfix">
            <div class="header-logo">
                <a href="#"></a>
            </div>
            <ul class="header-nav clearfix">
                <li class="item"><a class="header-a" href="#">首 &nbsp&nbsp 页</a></li>
                <li class="item"><a class="header-a" href="#" id="sign">开发平台</a></li>
                <li class="item"><a class="header-a" href="#">行业资讯</a></li>
                <li class="item"><a class="header-a" href="#">精品案例</a></li>
                <li class="item"><a class="header-a" href="#">关于我们</a></li>
            </ul>
            <div class="header-call clearfix"></div>
        </div>
    </div>
    <div class="pulbic-vice-nav" id="vice-nav">
        <div class="public-container clearfix">
            <ul class="vice-nav clearfix">
                <li class="vice-nav-item"><a class="vice-a" href="#">
                        <img src="images/WeChat.png" alt="微信开发">
                        <p>微信开发</p>
                    </a> </li>
                <li class="vice-nav-item"><a class="vice-a" href="#">
                        <img src="images/mall.png" alt="商城开发">
                        <p>商城开发</p>
                    </a> </li>
                <li class="vice-nav-item"><a class="vice-a" href="#">
                        <img src="images/app.png" alt="App开发">
                        <p>App开发</p>
                    </a> </li>
                <li class="vice-nav-item"><a class="vice-a" href="#">
                        <img src="images/intelligent.png" alt="智能应用开发">
                        <p>智能应用开发</p>
                    </a></li>
            </ul>
        </div>
    </div>
    <div class="index-banner">
        <div id="banner">
            <ul>
                <li class="on">1</li>
                <li>2</li>
                <li>3</li>
            </ul>

            <div id="banner_list">
                <a href="#" target="_blank"><img src="images/banner1.png" /></a>
                <a href="#" target="_blank"><img src="images/banner2.png" /></a>
                <a href="#" target="_blank"><img src="images/banner1.png" /></a>
            </div>

        </div>
    </div>
    <div class="public-container index-panel clearfix">
        <div class="title">
            <p class="maintitle">
                商迅十年 &nbsp;&nbsp;&nbsp;&nbsp; 我们能做什么？
            </p>
            <p class="subtitle">商迅十年经验，从客户所需出发，实现互联网领域的全方位布局，轻松玩转互联网时代</p>
        </div>
        <div class="product">
            <ul class="product-list clearfix">
                <li class="product-list-item">
                    <a class="list-a" href="#">
                        <img src="images/wechat_icon.png" alt="微信开发">
                        <p class="t">微信开发</p>
                        <p class="tt">为您量身定做，将您的商城全面打入海量用户的微信市场，让营销变得更简单</p>
                    </a>
                </li>
                <li class="product-list-item">
                    <a class="list-a" href="#">
                        <img src="images/mall_icon.png" alt="商城开发">
                        <p class="t">商城开发</p>
                        <p class="tt">把握电子商务发展趋势，根据您的需求，建立优质、高性价比的网上商场系统</p>
                    </a>
                </li>
                <li class="product-list-item">
                    <a class="list-a" href="#">
                        <img src="images/app_icon.png" alt="App开发">
                        <p class="t">App开发</p>
                        <p class="tt">手机APP是进入移动互联网最重要的入口之一，商迅让您在移动互联的时代，抢占先机</p>
                    </a>
                </li>
                <li class="product-list-item">
                    <a class="list-a" href="#">
                        <img src="images/intelligent_icon.png" alt="智能应用开发">
                        <p class="t">智能应用开发</p>
                        <p class="tt">智能化模块的应用，使各行业进入信息化时代，操作更便捷，让您轻松做企业</p>
                    </a>
                </li>
            </ul>
        </div>

    </div>
    <div class="index-all">
        <div class="public-container index-panel clearfix">
            <div class="title">
                <p class="maintitle">
                    商迅产品 &nbsp;&nbsp;&nbsp;&nbsp; 我们在做什么？
                </p>
                <p class="subtitle">专注技术研发，创建首家智能化技术研发实验室，激发互联网思维，以实力帮助企业圆梦</p>
            </div>
            <div class="pro clearfix">
                <div class="pro-pic fl">
                    <img src="images/macbooke.png" alt="">
                </div>
                <div class="pro-list fr">
                    <ul class="clearfix">
                        <li class="item clearfix">
                            <div class="fl">
                                <img src="images/handshake.png">
                            </div>
                            <div class="fr">
                                <span>倍增店拼团系统</span>
                                <p style="font-size:14px;">功能最齐全的微信拼团系统，告别平台账号，从此开始打造独立拼团商城！</p>
                                <a href="">了解详情</a>
                            </div>
                        </li>
                        <li class="item clearfix">
                            <div class="fl">
                                <img src="images/shop.png">
                            </div>
                            <div class="fr">
                                <span>倍增店拼团系统</span>
                                <p style="font-size:14px;">功能最齐全的微信拼团系统，告别平台账号，从此开始打造独立拼团商城！</p>
                                <a href="">了解详情</a>
                            </div>
                        </li>
                        <li class="item clearfix">
                            <div class="fl">
                                <img src="images/exhibition.png">
                            </div>
                            <div class="fr">
                                <span>倍增店拼团系统</span>
                                <p style="font-size:14px;">功能最齐全的微信拼团系统，告别平台账号，从此开始打造独立拼团商城！</p>
                                <a href="">了解详情</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="tag">
                <span>
                    <</span> <span>>
                </span>
            </div>
        </div>
    </div>
    <div class="public-container index-panel clearfix">
        <div class="title">
            <p class="maintitle">
                因为可靠 &nbsp;&nbsp;&nbsp;&nbsp; 所以信任
            </p>
            <p class="subtitle">提供多个平台开发服务，了解大中小型企业的生意模式以及需求，倡导让客户感知产品的应用体验价值</p>
        </div>
        <div class="pic-list">
            <div class="left fl">
                <a href="#" id="pic-item" class="pic-item">
                    <div class="layer display" id="layer">
                        <img src="images/pic_logo.png" alt="">
                        <p>山东驴帮餐饮管理有限公司</p>
                    </div>
                    <img src="images/pic_left1.png" alt="">

                </a>
                <a href="#" id="pic-item2" class="pic-item">
                    <div class="layer display" id="layer2">
                        <img src="images/pic_logo.png" alt="">
                        <p>山东驴帮餐饮管理有限公司</p>
                    </div>
                    <img src="images/pic_left2.png" alt="">
                </a>
            </div>
            <div class="center fl">
                <a href="#" id="pic-item3" class="pic-item">
                    <div class="layer display" id="layer3">
                        <img src="images/pic_logo.png" alt="">
                        <p>山东驴帮餐饮管理有限公司</p>
                    </div>
                    <img src="images/pic_center.png" alt="">
                </a>
            </div>
            <div class="right fr">
                <a href="#" id="pic-item4" class="pic-item">
                    <div class="layer display" id="layer4">
                        <img src="images/pic_logo.png" alt="">
                        <p>山东驴帮餐饮管理有限公司</p>
                    </div>
                    <img src="images/pic_right1.png" alt="">
                </a>
                <a href="#" id="pic-item5" class="pic-item">
                    <div class="layer display" id="layer5">
                        <img src="images/pic_logo.png" alt="">
                        <p>山东驴帮餐饮管理有限公司</p>
                    </div>
                    <img src="images/pic_right2.png" alt="">
                </a>
            </div>
        </div>
        <div class="tag">
            <span>
                <</span> <span>>
            </span>
        </div>


    </div>
    <div class="index-all">
        <div class="public-container index-panel clearfix">
            <div>
                <p class="maintitle">
                    我们的优势
                </p>
            </div>
            <ul class="adv-list">
                <li class="item"><img src="images/adv_list1.png" alt=""></li>
                <li class="item"><img src="images/adv_list2.png" alt=""></li>
                <li class="item"><img src="images/adv_list3.png" alt=""></li>
                <li class="item"><img src="images/adv_list4.png" alt=""></li>
            </ul>
        </div>
    </div>
    <div class="public-container index-panel clearfix">
        <div class="title">
            <p class="maintitle">
                优质服务 &nbsp;&nbsp;&nbsp;&nbsp; 合作共赢
            </p>
            <p class="subtitle">众多合作伙伴的选择，全方位服务，更加专业的行业应用，与您共赢互联网+新时代</p>
        </div>
        <div>
            <table class="win_list">
                <tr>
                    <td><a id="a1_1" href="#"><img src="images/win_sdws.png" alt=""></a></td>
                    <td><a id="a1_2" href="#"><img src="images/win_sdpd.png" alt=""></a></td>
                    <td><a id="a1_3" href="#"><img src="images/win_jlwtyy.png" alt=""></a></td>
                    <td><a id="a1_4" href="#"><img src="images/win_cctv.png" alt=""></a></td>
                    <td id="a1_5"><a href="#"><img src="images/win_nhyh.png" alt=""></a></td>
                </tr>
                <tr>
                    <td><a id="a2_1" href="#"><img src="images/win_ylsw.png" alt=""></a></td>
                    <td><a id="a2_2" href="#"><img src="images/win_lyjt.png" alt=""></a></td>
                    <td><a id="a2_3" href="#"><img src="images/win_zgrk.png" alt=""></a></td>
                    <td><a id="a2_4" href="#"><img src="images/win_jlwtyy.png" alt=""></a></td>
                    <td><a id="a2_5" href="#"><img src="images/win_cctv.png" alt=""></a></td>
                </tr>
                <tr>
                    <td><a id="a3_1" href="#"><img src="images/win_sdws.png" alt=""></a></td>
                    <td><a id="a3_2" href="#"><img src="images/win_ylsw.png" alt=""></a></td>
                    <td><a id="a3_3" href="#"><img src="images/win_lyjt.png" alt=""></a></td>
                    <td><a id="a3_4" href="#"><img src="images/win_zgrk.png" alt=""></a></td>
                    <td><a id="a3_5" href="#"><img src="images/win_nhyh.png" alt=""></a></td>
                </tr>
            </table>
        </div>
    </div>
    <div class="index-all">
        <div class="public-container index-panel clearfix">
            <div class="news_left fl">
                <div><span class="soild"></span> <span class="news_category">商迅快讯</span></div>
                <div class="news_more"><a href="#" class="fr">更多 ></a></div>
                <div class="clearfix">
                    <img class="news_pic fl" src="images/notice_pic1.png" alt="">
                    <div class="new_summary">
                        <span>[观点]营销型网站建设如何做好站内优化</span>
                        <p class="desc">要提升营销型网站站内关键词的排名，提高站内的用户体验，真正影响到用户成交重要的还是在...</p>
                        <p class="time"><i><img src="images/time_icon.png" alt=""></i> 2016-08-02</p>
                    </div>
                </div>
                <div>
                    <ul class="news_list">
                        <li class="news_item">
                            <a href="#"><span class="news_title">[观点]app开发要了解的那些事儿</span><span class="news_time">2016-08-02</span></a>
                        </li>
                        <li class="news_item">
                                <a href="#"><span class="news_title">[讲堂]如何做好电子商务网站定制开发</span><span class="news_time">2016-08-02</span></a>
                        </li>
                        <li class="news_item">
                                <a href="#"><span class="news_title">[知识]五个搜索引擎优化步骤提高你的网页排名</span><span class="news_time">2016-08-02</span></a>
                        </li>
                        <li class="news_item">
                                <a href="#"><span class="news_title">[观点]为什么搜索引擎喜欢H1标签</span><span class="news_time">2016-08-02</span></a>
                        </li>
                    </ul>
                </div>

            </div>
            <div class="news_right fr">
                <div><span class="soild"></span> <span class="news_category">行业动态</span></div>
                <div class="news_more"><a href="#" class="fr">更多 ></a></div>
                <div class="clearfix">
                    <img class="news_pic fl" src="images/notice_pic2.png" alt="">
                    <div class="new_summary">
                        <span>[观点]营销型网站建设如何做好站内优化</span>
                        <p class="desc">要提升营销型网站站内关键词的排名，提高站内的用户体验，真正影响到用户成交重要的还是在...</p>
                        <p class="time"><i><img src="images/time_icon.png" alt=""></i> 2016-08-02</p>
                    </div>
                </div>
                <div>
                        <ul class="news_list">
                            <li class="news_item">
                                <a href="#"><span class="news_title">[观点]app开发要了解的那些事儿</span><span class="news_time">2016-08-02</span></a>
                            </li>
                            <li class="news_item">
                                    <a href="#"><span class="news_title">[讲堂]如何做好电子商务网站定制开发</span><span class="news_time">2016-08-02</span></a>
                            </li>
                            <li class="news_item">
                                    <a href="#"><span class="news_title">[知识]五个搜索引擎优化步骤提高你的网页排名</span><span class="news_time">2016-08-02</span></a>
                            </li>
                            <li class="news_item">
                                    <a href="#"><span class="news_title">[观点]为什么搜索引擎喜欢H1标签</span><span class="news_time">2016-08-02</span></a>
                            </li>
                        </ul>
                    </div>
            </div>
        </div>
    </div>
    <div class="public-footer clearfix">
        <div class="footer-top">
            <div class="public-container">
                <div class="footer-col left fl">
                    <span class="title">联系我们</span>
                    <hr class="hr" />
                    <div class="item">
                        <img src="images/position.png">
                        <span>山东省济南市高新区舜华路顺泰广场10号楼959室</span>
                    </div>
                    <div class="item">
                        <img src="images/call.png">
                        <span>400-0355-775 &nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp; 0531-58591906</span>
                    </div>
                    <div class="item">
                        <img src="images/email.png">
                        <span>874220739@qq.com</span>
                    </div>
                </div>
                <div class="footer-col center fl">
                    <span class="title">联系我们</span>
                    <hr class="hr" />
                    <div class="item">
                        <span><a href="#">微信开发</a></span>
                    </div>
                    <div class="item">
                        <span><a href="#">商城开发</a></span>
                    </div>
                    <div class="item">
                        <span><a href="#">APP开发</a></span>
                    </div>
                    <div class="item">
                        <span><a href="#">智能化应用开发</a></span>
                    </div>
                </div>
                <div class="footer-col right fr">
                    <div class="input">
                        姓名 &nbsp;&nbsp;|
                        <input type="text" class="info" />
                    </div>
                    <div class="input">
                        电话 &nbsp;&nbsp;|
                        <input type="text" class="info" />
                    </div>
                    <div class="input input-big">
                        内容
                        <textarea class="info info-area" cols="30" rows="8"></textarea>
                    </div>
                    <div>
                        <div class="fl">
                            <img src="images/qrcode.png" alt="qrcode">
                            <img src="images/qq.png" alt="qq">
                        </div>
                        <div class="submit fr">
                            提交
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="footer-bottom">
            <div class="public-container">
                版权所有 济南商迅在线计算机网络技术有限公司 鲁ICP备11016537号-1 &nbsp;&nbsp;<img src="images/cnzz.png" />
            </div>
        </div>
    </div>
</body>

</html>